import React from 'react'

import Title from '../../components/Title'
import AddressItem from '../../components/AddressItem'
import OrderListItem from '../../components/OrderListItem'

import './style.css'

class Index extends React.Component {
    render() {
        return (
            <div className='orderInfo' >
                <Title title='订单详情' />
                <div className='orderInfo-status'>
                    待付款
                </div>
                <AddressItem 
                    name="石兴龙"
                    phone='15021134415'
                    edit='更换'
                    address='上海市 上海市 浦东新区 康敏苑(浦东新区康镇路52弄1-24号)'
                />
                <OrderListItem />

                <ul className='orderInfo-details'>
                    <li>
                        <span>商品总价</span>
                        <span>¥: 99.99</span>
                    </li>
                    <li>
                        <span>运费</span>
                        <span>¥: 00.00</span>
                    </li>
                    <li>
                        <span></span>
                        <span className='money-wrap'>
                            <span>共2件, 实付款</span>
                            <span className='money'>¥:99.99</span>
                        </span>
                    </li>
                </ul>
                <ul className='orderInfo-details'>
                    <li>
                        <span>订单编号</span>
                        <span>0x111</span>
                    </li>
                    <li>
                        <span>下单时间</span>
                        <span>2020/11/11</span>
                    </li>
                    <li>
                        <span>支付时间</span>
                        <span>2020/12/12</span>
                    </li>
                </ul>

                <div className='orderInfo-pay' >
                    <button className='btn' >取消订单</button>
                    <button className='btn' >付款</button>
                </div>

            </div>
        )
    }
}

export default Index
